<!--
 * @Author: wanna 844366152@qq.com
 * @Date: 2023-03-02 09:18:42
 * @LastEditors: wanna 844366152@qq.com
 * @LastEditTime: 2023-03-02 09:20:50
 * @FilePath: \chrome-plus-master\Pages\password\index.html
 * @Description: 
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Security-Policy" content="default-src *; connect-src * ws://* wss://*; style-src * 'unsafe-inline' 'unsafe-eval'; media-src * ; img-src * data:; font-src * ; script-src * 'unsafe-inline' 'unsafe-eval';" />
    <meta http-equiv="Content-Security-Policy" content="default-src *; connect-src * ws://* wss://*; style-src * 'unsafe-inline' 'unsafe-eval'; media-src * ; img-src * data:; font-src * ; script-src * 'unsafe-inline' 'unsafe-eval';" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>本机账号密码</title>
    <link rel="stylesheet" href="/static/colorui/main.css">
    <link rel="stylesheet" href="/static/element-ui.css">
</head>

<body>
    <div class="page-size-100 " id="app" v-cloak>
        <el-row>
            <el-select v-model="query.url" filterable clearable @change="getSearch">
                <el-option v-for="item in dataSourceURL" :key="item.url" :label="item.url" :value="item.url">
                </el-option>
            </el-select>
            <el-select v-model="query.username" filterable clearable @change="getSearch">
                <el-option v-for="item in dataSourceUsername" :key="item.username" :label="item.username" :value="item.username">
                </el-option>
            </el-select>
            {{tableData.length}}
            <!-- <el-button type="primary" @click="getSearch">搜索({{tableData.length}})</el-button> -->

        </el-row>
        <div class="padding-xs">
            <el-table :data="tableData" border style="width: 100%">
                <el-table-column type="index" label="序号" align="center" width="50"> </el-table-column>
                <el-table-column prop="url" label="地址" width="400" sortable>
                    <template slot-scope="scope">
                        {{scope.row.url}}
                        <el-button size="mini" @click="handleOpen(scope.row.url)">访问</el-button>
                        <el-button size="mini" @click="handleCopy(scope.$index, scope.row.url)">复制</el-button>
                    </template>
                </el-table-column>
                <el-table-column prop="username" label="账号" width="200" sortable>
                </el-table-column>
                <el-table-column prop="password" label="密码" width="200" sortable>
                </el-table-column>
            </el-table>
            </template>
        </div>
    </div>
    <script type="text/javascript" src="/static/vue.min.js"></script>
    <script type="text/javascript" src="/static/element-ui.js"></script>
    <script type="text/javascript" src="/JsTools/clipboard.min.js"></script>
    <script type="text/javascript" src="/JsTools/lodash.min.js"></script>
    <script type="text/javascript" src="account.js"></script>
    <script type="text/javascript" src="index.js"></script>
</body>

</html>